<template>
	<b-layout-index>
		<navbar></navbar>
		<view class="bg-white">

			<u-cell-group>

				<block v-for="(item,index) in datalist">
					<u-cell :url="'./show?id='+item.id" isLink>
						<image slot="icon" class="icon"></image>
						<view slot="title" class="font-size-14 "><text>{{item.title}}</text></view>
						<view slot="label" class="u-info font-size-12"><text>{{item.shortContent}}</text></view>
					</u-cell>
				</block>
			</u-cell-group>
		</view>
	</b-layout-index>
</template>

<script>
	import {getFindByList} from "@/api/handbook.js"
	export default{
		data(){
			return{
				datalist:[]
			}
		},onLoad:function(){
			this.getData()
		},methods:{
			
			getData(){
				var the=this;
				getFindByList().then(res=>{
					the.datalist=res
				})
			}
		}
	}
</script>

<style>
	.icon{
		width: 40px;
		height: 40px;
		border-radius: 6px;
		background-color: #EEEEEE;
		margin-left: 5px;
		margin-right: 5px;
	}
</style>
